import './listone.css'
function ListOne (props) {
  // let listItem = props.listItem;
  let { listItem } = props; //一个商品的数据
  let del = () => {
    //子传父 给父组件传送了id
    // props.todel 是触发父组件的自定义事件
    props.todel(listItem.id)
  }
  return (
    <div className="List_one">
      <div>游戏名称：{listItem.name}</div>
      <div>游戏价格：{listItem.price}</div>
      <div>游戏厂商：{listItem.fac}</div>
      <button onClick={del}>删除</button>
    </div>
  )
}
export default ListOne